<!--<template>-->
<!--  <div class="content bg">-->
<!--    &lt;!&ndash; 全屏容器 &ndash;&gt;-->
<!--    <dv-full-screen-container>-->
<!--      &lt;!&ndash; 第一行 &ndash;&gt;-->
<!--      <div class="module_box" style="height: 10vh;">-->
<!--        <div style="flex: 0 1 30%;">-->
<!--          <dv-decoration-10 style="width:100%;height:50px;" />-->
<!--        </div>-->
<!--        <div style="flex: 0 1 40%;">-->
<!--          <div style="display: flex;width: 100%;">-->
<!--            <dv-decoration-8 style="width:300px;height:50px;flex:1;transform: rotateY(180deg);" />-->
<!--            <dv-decoration-11 style="width:200px;height:60px;flex:1">预测中心</dv-decoration-11>-->
<!--            <dv-decoration-8 style="width:300px;height:50px;flex:1" />-->
<!--          </div>-->
<!--        </div>-->
<!--        <div style="flex: 0 1 30%;">-->
<!--          <dv-decoration-10 style="width: 100%;height:50px;transform: rotateY(180deg);" />-->
<!--        </div>-->
<!--      </div>-->

<!--      &lt;!&ndash; 第二行 &ndash;&gt;-->
<!--      <div class="module_box" style="height: 60vh;">-->
<!--        &lt;!&ndash; flex布局 一行四个 各占25% &ndash;&gt;-->
<!--        &lt;!&ndash; 左 &ndash;&gt;-->
<!--        <div style="flex: 0 1 25%;">-->
<!--          <dv-border-box-13 style="width: 100%;height: 33.33%;">-->
<!--            <dv-capsule-chart :config="config1" style="width:95%;height:95%" />-->
<!--          </dv-border-box-13>-->
<!--          <dv-border-box-1 style="width: 100%;height: 33.33%;">-->
<!--            <dv-water-level-pond :config="config3" style="width:90%;height:86%" />-->
<!--          </dv-border-box-1>-->
<!--          <dv-border-box-2 style="width: 100%;height: 33.33%;">-->
<!--            <dv-conical-column-chart :config="config5" style="width:90%;height:90%;" />-->
<!--          </dv-border-box-2>-->
<!--        </div>-->
<!--        &lt;!&ndash; 中 &ndash;&gt;-->
<!--        <div style="flex: 0 1 50%;">-->
<!--          <dv-border-box-12 style="width: 100%;height: 100%">-->
<!--            <dv-flyline-chart-enhanced :config="config4" style="width:95%;height:95%" />-->
<!--          </dv-border-box-12>-->
<!--        </div>-->
<!--        &lt;!&ndash; 右 &ndash;&gt;-->
<!--        <div style="flex: 0 1 25%;">-->
<!--          <dv-border-box-1 style="width: 100%;height: 33.33%">-->
<!--            <dv-scroll-board :config="config6" style="width:90%;height:80%" />-->
<!--          </dv-border-box-1>-->
<!--          <dv-border-box-8 style="width: 100%;height: 66.66%">-->
<!--            <dv-capsule-chart :config="config2" style="width:100%;height:90%" />-->
<!--          </dv-border-box-8>-->
<!--        </div>-->
<!--      </div>-->

<!--      &lt;!&ndash; 第三行 &ndash;&gt;-->
<!--      <div class="module_box" style="height: 30vh;">-->
<!--        &lt;!&ndash; flex布局 一行四个 各占25% &ndash;&gt;-->
<!--        &lt;!&ndash; 左 &ndash;&gt;-->
<!--        <div style="flex: 0 1 50%;">-->
<!--          <dv-border-box-8 style="width: 100%;height: 200px;">-->
<!--            <dv-scroll-ranking-board :config="config7" style="width:90%;height:100%" />-->
<!--          </dv-border-box-8>-->
<!--        </div>-->
<!--        &lt;!&ndash; 中 &ndash;&gt;-->
<!--        <div style="flex: 0 1 25%;">-->
<!--          <dv-border-box-13 style="width: 100%;height: 200px;">-->
<!--&lt;!&ndash;            <dv-active-ring-chart :config="config8" style="width:100%;height:100%" />&ndash;&gt;-->
<!--          </dv-border-box-13>-->
<!--        </div>-->
<!--        &lt;!&ndash; 右 &ndash;&gt;-->
<!--        <div style="flex: 0 1 25%;">-->
<!--          <dv-border-box-8 style="width: 100%;height: 200px;">-->
<!--            <dv-charts :option="option" />-->
<!--          </dv-border-box-8>-->
<!--        </div>-->
<!--      </div>-->
<!--    </dv-full-screen-container>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--require('@/assets/css/index.css');-->
<!--export default {-->
<!--  name: 'HomeView',-->
<!--  data() {-->
<!--    return {-->
<!--      //左1-->
<!--      config1: {-->
<!--        data: [-->

<!--        ],-->
<!--      },-->
<!--      //右2-->
<!--      config2: {-->
<!--        data: [-->

<!--        ],-->
<!--        colors: ['#e062ae', '#fb7293', '#e690d1', '#32c5e9', '#96bfff'],-->
<!--        // unit: '单位',-->
<!--        showValue: true-->
<!--      },-->
<!--      //左2-->
<!--      config3: {-->
<!--        data: []-->
<!--        // shape: 'roundRect'-->
<!--      },-->
<!--      //中-->
<!--      config4: {-->

<!--      },-->
<!--      //左3-->
<!--      config5: {-->
<!--        //data3-->
<!--        data: [-->

<!--        ],-->
<!--        img: [-->
<!--          'http://datav.jiaminghi.com/img/conicalColumnChart/1st.png',-->
<!--          'http://datav.jiaminghi.com/img/conicalColumnChart/2st.png',-->
<!--          'http://datav.jiaminghi.com/img/conicalColumnChart/3st.png',-->
<!--          'http://datav.jiaminghi.com/img/conicalColumnChart/4st.png',-->
<!--          'http://datav.jiaminghi.com/img/conicalColumnChart/5st.png',-->
<!--          'http://datav.jiaminghi.com/img/conicalColumnChart/6st.png',-->
<!--          'http://datav.jiaminghi.com/img/conicalColumnChart/7st.png'-->
<!--        ],-->
<!--        showValue: true-->
<!--      },-->
<!--      //右1-->
<!--      config6: {-->
<!--        header: [],-->
<!--        data: [-->

<!--        ],-->
<!--        index: true,-->
<!--        columnWidth: [50],-->
<!--        align: ['center']-->
<!--      },-->
<!--      //下1-->
<!--      config7: {-->
<!--        data: [-->

<!--        ],-->
<!--        unit: '单位',-->
<!--        valueFormatter({ value }) {-->
<!--          console.warn(arguments)-->
<!--          const reverseNumber = (value + '').split('').reverse()-->
<!--          let valueStr = ''-->

<!--          while (reverseNumber.length) {-->
<!--            const seg = reverseNumber.splice(0, 3).join('')-->
<!--            valueStr += seg-->
<!--            if (seg.length === 3) valueStr += ','-->
<!--          }-->

<!--          return valueStr.split('').reverse().join('')-->
<!--        }-->
<!--      },-->
<!--      config8: {-->

<!--      },-->
<!--      //右3-->
<!--      option: {-->
<!--        title: {-->
<!--          // text: '表盘',-->
<!--          style: {-->
<!--            fill: '#fff'-->
<!--          }-->
<!--        },-->
<!--      }-->
<!--    }-->
<!--  }-->
<!--}-->
<!--</script>-->

<!--<style>-->
<!--.container {-->
<!--  width: 100vw;-->
<!--  height: 100vh;-->
<!--  box-sizing: border-box;-->
<!--}-->

<!--#dv-full-screen-container {-->
<!--  height: 100vh !important;-->
<!--}-->
<!--</style>-->
